<template>
	<div class="search-box">
	    <div class="dropdown">
	      <select v-model="selectedJob" @change="search">
	        <option value="">选择岗位意向</option>
	        <option v-for="job in jobOptions" :key="job.id" :value="job.id">{{ job.name }}</option>
	      </select>
	    </div>
	    <div class="search-fields">
	      <div class="dropdown">
	        <select v-model="selectedLocation" @change="search">
	          <option value="">选择位置</option>
	          <option v-for="location in locationOptions" :key="location.id" :value="location.id">{{ location.name }}</option>
	        </select>
	      </div>
	      <div class="dropdown">
	        <select v-model="selectedIndustry" @change="search">
	          <option value="">选择行业</option>
	          <option v-for="industry in industryOptions" :key="industry.id" :value="industry.id">{{ industry.name }}</option>
	        </select>
	      </div>
	      <div class="dropdown">
	        <select v-model="selectedType" @change="search">
	          <option value="">选择类型</option>
	          <option v-for="type in typeOptions" :key="type.id" :value="type.id">{{ type.name }}</option>
	        </select>
	      </div>
	      <div class="dropdown">
	        <select v-model="selectedFilter" @change="search">
	          <option value="">选择筛选条件</option>
	          <option v-for="filter in filterOptions" :key="filter.id" :value="filter.id">{{ filter.name }}</option>
	        </select>
	      </div>
	    </div>
	  </div>
</template>

<script>
	export default {
	  data() {
	    return {
	      selectedJob: '',
	      selectedLocation: '',
	      selectedIndustry: '',
	      selectedType: '',
	      selectedFilter: '',
	      jobOptions: [
	        { id: 1, name: '前端工程师' },
	        { id: 2, name: '后端工程师' },
	        { id: 3, name: '数据分析师' }
	      ],
	      locationOptions: [
	        { id: 1, name: '北京' },
	        { id: 2, name: '上海' },
	        { id: 3, name: '广州' },
	        { id: 4, name: '深圳' }
	      ],
	      industryOptions: [
	        { id: 1, name: 'IT' },
	        { id: 2, name: '金融' },
	        { id: 3, name: '教育' }
	      ],
	      typeOptions: [
	        { id: 1, name: '全职' },
	        { id: 2, name: '兼职' },
	        { id: 3, name: '实习' }
	      ],
	      filterOptions: [
	        { id: 1, name: '条件1' },
	        { id: 2, name: '条件2' },
	        { id: 3, name: '条件3' }
	      ]
	    };
	  },
	  methods: {
	    search() {
	      // 在这里执行搜索操作，根据选中的条件进行搜索
	      console.log('搜索条件：', {
	        job: this.selectedJob,
	        location: this.selectedLocation,
	        industry: this.selectedIndustry,
	        type: this.selectedType,
	        filter: this.selectedFilter
	      });
	    }
	  }
	};
</script>

<style scoped>
.search-box {
  display: flex;
  align-items: center;
}

.dropdown {
  margin-right: 10px;
}

.search-fields {
  display: flex;
}
</style>